<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="Cache-Control" content="no-transform" />
    <meta name="applicable-device" content="pc,mobile" />
    <meta name="robots" content="noarchive">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta name="renderer" content="webkit">
    <title>关于我们</title>
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/index.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/main.css">
    <link rel="stylesheet" href="../../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="../../css/jquery.fullPage.css">

</head>
<style>
    .swiper-container .swiper-pagination-bullet {
        display: inline-block;
        width: 28px;
        height: 6px;
        border-radius: 0;
        background-color: #fffafc;
        margin: 0 4px;
        cursor: pointer;
    }

    .swiper-container .swiper-pagination-bullet-active{
        background-color: #028a1b;
        opacity: 1;
    }
</style>

<body>
    <header></header>
    <section id="fullpage">
        <div class="section">
            <div class="page2">
                <div class="swiper-container">
                    <a class="arrow-left" href="#"></a>
                    <a class="arrow-right" href="#"></a>
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="banner-bg" style="background-image: url(../../img/banner8.jpg);"></div>
                            <div class="banner-p">
                                <h2>集团简介</h2>
                                <h3>GROUP PROFILE</h3>
                                <p>驻马店市王守义十三香调味品集团有限公司由王守义老先生创始于1984年，是规模化的系列香辛料调味品清真企业，公司以调味品生产销售为主营业务，同时兼营彩印、包装材料等辅业。公司位于驻马店市十三香路1号，总占地面积330亩，建筑面积23万平方米，注册资金4亿元，现有员工近2000人。
                                </p>
                                <div class="more-link"><a href="#" target="_blank"><span class="more">more</span><img
                                            src="../../img/jiantou.png" class="jiantou"></a></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="banner-bg" style="background-image: url(../../img/banner5.jpg);"></div>
                            <div class="banner-p">
                                <h2>董事长致辞</h2>
                                <h3>GROUP PROFILE</h3>
                                <p>风风雨雨三十载，王守义十三香调味品集团有限公司以可靠的产品、优质的服务，始终秉承“老字号，新工艺，重质量，守信誉”的宗旨。多年来，我公司实行科学化经营管理，坚持名牌战略，靠优质的产品赢得了市场，把握了消费者，使我们的产品得到了广大消费者的喜爱和认可。
                                </p>
                                <div class="more-link"><a href="#" target="_blank"><span class="more">more</span><img
                                            src="../../img/jiantou.png" class="jiantou"></a></div>
                            </div>
                        </div>
                        <div class="swiper-slide" style="color:#333">
                            <div class="banner-bg" style="background-image: url(../../img/banner7.jpg);"></div>
                            <div class="banner-p">
                                <h2>企业文化</h2>
                                <h3>GROUP PROFILE</h3>
                                <p>公司历经三十多年的建设发展，积淀和形成了厚重的企业文化。在“以人为本、用户至上、质量兴企”核心价值观统领下，公司逐渐形成了以品牌文化、诚信文化、亲情文化等为主要内容的十三香文化。
                                </p>
                                <div class="more-link"><a href="#" target="_blank"><span class="more">more</span><img
                                            src="../../img/jiantou.png" class="jiantou"></a></div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="banner-bg" style="background-image: url(../../img/banner6.jpg);"></div>
                            <div class="banner-p">
                                <h2>荣誉资质</h2>
                                <h3>GROUP PROFILE</h3>
                                <p>多年来，王守义十三香系列调味品以优良的品质而深受广大消费者的青睐。</p>
                                <div class="more-link"><a href="#" target="_blank"><span class="more">more</span><img
                                            src="../../img/jiantou.png" class="jiantou"></a></div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
                <div class="x-slide">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <a href="../aboutUs/groupProfile.html" target="_blank">
                                <div class="thumbs-box clearfix">
                                    <img src="../../img/img1.jpg" class="thumbs-img">
                                    <div class="thumbs-desc">
                                        <h3>集团简介</h3>
                                        <p class="con">驻马店市王守义十三香调味品集团有限公司由王守义老先生</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="../aboutUs/chairmanSpeech.html" target="_blank">
                                <div class="thumbs-box clearfix">
                                    <img src="../../img/img2.jpg" class="thumbs-img">
                                    <div class="thumbs-desc">
                                        <h3>董事长致辞</h3>
                                        <p class="con">风风雨雨三十载，王守义十三香调味品集团有限公司以</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="../aboutUs/honor.html" target="_blank">
                                <div class="thumbs-box clearfix">
                                    <img src="../../img/img4.jpg" class="thumbs-img">
                                    <div class="thumbs-desc">
                                        <h3>荣誉资质</h3>
                                        <p class="con">公司历经三十多年的建设发展，积淀和形成了厚重的企业文化</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="swiper-slide">
                            <a href="../aboutUs/responsibility.html" target="_blank">
                                <div class="thumbs-box clearfix">
                                    <img src="../../img/img5.jpg" class="thumbs-img">
                                    <div class="thumbs-desc">
                                        <h3>企业责任</h3>
                                        <p class="con">公司历经三十多年的建设发展，积淀和形成了厚重的企业文化</p>
                                    </div>
                                </div>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <div class="section fp-auto-height">
            <footer class="page3"></footer>
        </div>
    </section>
    <script src="../../js/jquery-1.11.3.min.js"></script>
    <script src="../../js/jquery.fullPage.min.js"></script>
    <script src="../../js/swiper-bundle.min.js"></script>
    <script src="../../js/common.js"></script>
    <script>
        $(function () {
            $('#fullpage').fullpage({
                anchors: ['page2', 'page3'],
                onLeave: function (index, nextIndex, direction) {
                    if (nextIndex == 5 || nextIndex == 4) {
                        $("#fullpage .section:eq(3)").addClass("active4");
                    } else {
                        $("#fullpage .section:eq(3)").removeClass("active4");
                    }
                }
            });
            $("#fullpage .section:eq(0)").addClass("active");
            $('header').load('../../template/header.html')
            $('footer').load('../../template/footer.html')

            function page2Init() {
                var slidesPerView = 4
                if ($(window).width() > 1280) {
                    slidesPerView = 4
                } else if ($(window).width() > 640) {
                    slidesPerView = 2
                } else {
                    // phone
                    slidesPerView = 1.3
                }


                var thumbsSwiper = new Swiper('.page2 .x-slide', {
                    spaceBetween: 0,
                    slidesPerView: slidesPerView,
                    watchSlidesVisibility: true, //防止不可点击
                    freeMode: true,
                    watchSlidesProgress: true,
                })
                var viewSwiper2 = new Swiper('.page2 .swiper-container', {
                    autoplay: 1000,
                    visibilityFullFit: true,
                    speed: 1500,
                    loop: true,
                    grabCursor: true,
                    spaceBetween: 10,
                    navigation: {
                        nextEl: '.arrow-left',
                        prevEl: '.arrow-right',
                    },
                    pagination: {
                        el: '.swiper-pagination'
                    },
                    paginationClickable: true,
                    thumbs: {
                        swiper: thumbsSwiper,
                    }
                })
            }
            page2Init()
            $(window).resize(function () {
                page2Init()
            });


        });
    </script>

</body>

</html>